@import '../../../styles/breakpoints';

.col-md{
  position: relative;
  width: 100%;

  @media (min-width: $bp-sm) {
    &-9{
      flex: 0 0 78%;
      max-width: 78%;
    }
  }
}

@media (min-width: $bp-sm) {
  .responsiveAvatar {
    float: left;
    margin-bottom: 0;
  }
}

.right-row {
  position: relative;
  width: 100%;
}

@media (min-width: $bp-md) {
  .right-row {
    float: left;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
}
